<template>
 <div>
      <el-table :data="tableData" >
      <el-table-column align="center" label="余额"  prop="balance"/>
      <el-table-column align="center" label="交易方式"  prop="channelName"/>
      <el-table-column align="center" label="子级代理数量"  prop="childrenNum"/>
      <el-table-column align="center" label="冻结余额"  prop="freezeBalance"/>
      <el-table-column align="center" label="状态" prop="hasUse">
        <template #default="scope">
          <div v-if="scope.row.hasUse" > 启用</div>
          <div v-else >停用</div>
        </template>
      </el-table-column>
      <el-table-column align="center" label="代收费率(%)"  prop="innerRate" width="100"/>
      <el-table-column align="center" label="商户主键"  prop="merchantId"/>
      <el-table-column align="center" label="商户号"  prop="merchantNo"/>
      <el-table-column align="center" label="开通API" prop="openApi">
        <template #default="scope">
          <div v-if="scope.row.openApi"> 已开通</div>
          <div v-else> 未开通</div>
        </template>
      </el-table-column>
      <el-table-column align="center" label="代付费率(%)"  prop="outerRate" width="100"/>
      <el-table-column align="center" label="上级代理Id"  prop="parentId"/>
      <el-table-column align="center" label="上级代理编号"  prop="parentMerchantNo"/>
      <el-table-column align="center" label="上级代理名称"  prop="parentUserName"/>
      <el-table-column align="center" label="可用余额" prop="useBalance"/>
      <el-table-column align="center" label="账号"  prop="userCode"/>
      <el-table-column align="center" label="用户主键"  prop="userId"/>
      <el-table-column align="center" label="用户名"  prop="userName"/>
      <el-table-column align="center" label="已提现金额"  prop="withdrawalBalance"/>
    </el-table>
    </div>
</template>

<script setup >
const props= defineProps({
  infoData:{
    required: true,
  }
})
const tableData=ref([props.infoData])

</script>

<style scoped>

</style>